<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标签切换</title>
	</head>
	<style>
		html,body,.main_container{
			height: 100%;
		}
		.mobile{
			margin-left: 20%;
			margin-right: 20%;
			background-color: aqua;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
		}
		.mobile .tab{
			width: 100%;
			height: 30px;
			display: flex;
			box-sizing: border-box;
		}
		.mobile .content{
			width: 100%;
		}
		.mobile .tab ul{
			flex-wrap: wrap;
		}
		.mobile .tab li{
			display: block;
		}
	</style>
	<body>
		<div class="main_container">
			<div class="mobile">
				<div class="tab">
					<ul>测试</ul>
					<ul>ces</ul>
				</div>
				<div class="content">
					<li></li>
					<li></li>
				</div>
			</div>
		</div>
	</body>
</html>